<div class="row-fluid tab-style">
  <ul class="nav nav-tabs tab-ul">
    <li class="active"><a href="#overview" data-toggle="tab">书签</a></li>
  </ul>
</div>
<div class="span10">
<div class="row-fluid">
  <div class="span10">
    <button type="button" class="btn btn-danger btn-mini" ng-click="do_delete()">删除</button>
  </div>
    <div class="span2">
        <span>每页显示</span>
        <select class="input-mini" ng-model="page_size" ng-options="pz for pz in page_sizes" ng-change="change(page_size)">
        </select>
        <span>条</span>
    </div>
</div>
<div class="tab-content">
  <table class="table table-striped table-bordered table-condensed">
    <thead>
      <tr>
        <th><input type="checkbox" ng-model="selected_all" /></th>
        <th>序号</th>
        <th>名称</th>
        <th>描述</th>
      </tr>
    </thead>
    <tbody>
      <tr selectable="shortcut" ng-repeat="shortcut in shortcuts">
        <td><input type="checkbox" value="{{shortcut.id}}"  ng-model="selected[shortcut.id]" /></td>
        <td>{{shortcut.id}}</td>
        <td><a href="{{shortcut.url}}">{{shortcut.name}}</a></td>
        <td>{{shortcut.description}}</td>
      </tr>
    </tbody>
  </table>
  <div class="pagination">
    <ul>
        <li ng-hide="should_hide()" ng-class="prev_class" ng-click="prev()"><a href="javascript:void(0);">上一页</a></li>
        <li ng-repeat="i in [] | range:page_count()" ng-hide="should_hide()" ng-click="page(i)" ng-class="(i == current_page) && 'active'">
            <a href="javascript:void(0)">{{i + 1}}</a>
        </li>
        <li ng-hide="should_hide()" ng-class="next_class" ng-click="next()"><a href="javascript:void(0);">下一页</a></li>
    </ul>
  </div>
</div>
</div>